
.base-select-user-role-item {
  display: flex;
  align-items: center;
  
  background-color: #fff;
  height: 48px;
  padding: 6px 18px 6px 20px;
  
  position: relative;
  
  &:hover {
    cursor: pointer;
    background-color: #f3f3f3;
  }
}

.base-select-user-role-item__checkbox {
  
  min-width: 26px;
  margin-right: 10px;
  
  .el-checkbox__inner {
    width: 16px;
    height: 16px;
    max-width: 16px;
  }
  
}

.base-select-user-role-item__name {
  color: #333;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  margin-right: 4px;
  
  @include text-ellipsis();
}

.base-select-user-role-item__count {
  color: $text-color-secondary;
  height: 20px;
  line-height: 20px;
}

.base-select-user-role-item-child {
  .base-select-user-role-item {
    padding-left: 48px;
  }
}